@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}

main{
	.top{
		padding: 1vw 66vw 20vw 21vw;
		background-image: url(../img/newsBg.png);
		background-repeat: no-repeat;
		
		
		background-size: cover;
		.navTop{
			display: flex;
			width: 10vw;
			justify-content: space-between;
			margin-bottom: 9vw;
			span{
				white-space: nowrap;
				height: 1vw;
				font-size: 1vw;
				font-weight: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
		.navBottom{
			h1{
				white-space: nowrap;
				font-size: 3vw;
				font-weight: normal;
				font-stretch: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
			h2{
				font-size: 1vw;
				font-weight: normal;
				font-style: italic;
				font-stretch: normal;
				line-height: 4vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
	}
	.bottom{
		padding: 4vw 23vw 8vw 21vw;
		background-color: #FFFFFF;
		.content{
			display: flex;
			justify-content: space-between;
			.left{
				span{
					font-size: 1.5vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #12151c;
				}
			}
			.right{
				width: 45vw;
				padding-top: 1vw;
				.rTop{
					margin-bottom: 4vw;
					p{
						height: 2vw;
						font-size: 1vw;
						font-weight: normal;
						font-style: italic;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #525252;
						background-color: #efefef;
					}
				}
				.rMiddle{
					
					padding-bottom: 4vw;
					border-bottom: 1px solid #c9c9c9;
					.newContent{
						display: flex;
						
						margin: 3vw 0;
						.circle{
							background-color: #ff9600;
							border-radius: 50%;
							width: 5vw;
							height: 5vw;
							position: relative;
							span{
								font-size: 1vw;
								font-weight: normal;
								font-stretch: normal;
								line-height: 1vw;
								letter-spacing: 0vw;
								color: #ffffff;
								position: absolute;
								top: 2vw;
								bottom: 2vw;
								left: 0.5vw;
								border-bottom: 1px solid #FFFFFF;
							}
						}
						.rNew{
							width: 45vw;
							background-color: #efefef;
							height: 5vw;
							margin-left: -2.5vw;
							h1{
								font-size: 1vw;
								font-weight: normal;
								font-stretch: normal;
								line-height: 1vw;
								
								letter-spacing: 0vw;
								color: #12151c;
								margin-top: 1vw;
								margin-bottom: 0.4vw;
								margin-left: 4.5vw;
							}
							p{
								font-size: 1vw;
								font-weight: normal;
								letter-spacing: 0vw;
								color: #12151c;
								margin-left: 4.5vw;
							}
							
						}
						.rNew:hover{
							background-color: #969899;
						}
					}
					
				}
				.rBottom{
					margin-top: 3vw;
					text-align: center;
					span{
						border: 1px solid #c9c9c9;
						margin: auto 1vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #12151c;
					}
					span:first-child{
						border:0;
					}
				}
				
			}
		}
	}
}